{% if logs %}
    <div class="buttons first">
        <button type="button" id="clearall" class="btn submit">{{ "Clear all"|t('app') }}</button>
    </div>
{% endif %}


<div class="readable">
    <p id="nologs"{% if logs %} class="hidden"{% endif %}>{{ "No deprecation errors to report!"|t('app') }}</p>

    {% if logs %}
        <table id="deprecationerrors" class="data fullwidth fixed-layout">
            <thead>
                <tr>
                    <th>{{ "Message"|t('app') }}</th>
                    <th>{{ "Origin"|t('app') }}</th>
                    <th class="nowrap">{{ "Last Occurrence"|t('app') }}</th>
                    <th class="nowrap">{{ "Stack Trace"|t('app') }}</th>
                    <th style="width: 14px;"></th>
                </tr>
            </thead>
            <tbody>
            {% for log in logs %}
                <tr data-id="{{ log.id }}">
                    <td>{{ log.message|e|md(inlineOnly=true)|raw }}</td>
                    <td class="code">
                        {{- log.file|e|replace('/', '/<wbr>')|raw }}
                        {%- if log.line -%}
                            :{{ log.line }}
                        {%- endif -%}
                    </td>
                    <td>{{ log.lastOccurrence|timestamp }}</td>
                    <td class="nowrap viewtraces"><a role="button">{{ "Stack Trace"|t('app') }}</a></td>
                    <td><a class="delete icon" title="{{ 'Delete'|t('app') }}" aria-label="{{ 'Delete'|t('app') }}" role="button"></a></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endif %}
</div>
